@import "parts/config.scss";
@import "parts/global.scss";
@import "parts/layout.scss";


.topbar {
    height: 100%;
    display: flex;
    align-items: center;
    font-family: $text-font;

    $pad: $page-pad / 2;

    a:first-of-type {
        padding-left: $page-pad;
    };

    a {
        display: inline-block;
        padding: $pad;
        color: white;
        text-decoration: none;
    };

    div {
        flex-grow: 1;
    }
};

.topbar-container {
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgb(9, 80, 128);
    height: $topbar-height;
}

